<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<title>{$eju.field.seo_title}</title>
<meta name="description" content="{$eju.field.seo_description}" />
<meta name="keywords" content="{$eju.field.seo_keywords}" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
{eju:static file="skin/css/module-new.css" /}
{eju:static file="skin/css/house-detail.css" /}
{eju:static file="skin/css/my.css" /}
{eju:static file="skin/css/huxing_v2.css" /}
{eju:static file="skin/css/swiper.min.css" /}
{eju:static file="skin/js/flexible.js" /}
{eju:static file="skin/js/jquery.min.js" /}
{eju:static file="skin/js/jquery.form.js" /}
{eju:static file="skin/js/layer.js" /}
{eju:static file="skin/js/swiper.min.js" /}
{eju:static file="skin/js/countdown.js" /}
</head>
{eju:static file="skin/css/huxing.css" /}
<body>
<div class="mf-content"> 
  <!-- slider --> 
  {eju:sqlview table="xinfang_huxing" aid="$eju['param']['sid']"  id="vo_view"}
  <div class="rows pr">
    <div class="hxt"  style="height: 6rem;display: block;"> <a href="{$vo_view.huxing_pic}" style="display: block;z-index: 1500;height: 6rem"><img src="{$vo_view.huxing_pic}"></a> </div>
    <div class="slider-xf"> <span class="act"   data-id="2">户型图</span> </div>
    <a onclick="history.back(-1)" class="backicon"></a> <a href="javascript:;" id="navBtn" class="top-menu"></a> </div>
  <!-- slider:end --> 
  <!-- 特价 --> 
  <!-- 特价：end --> 
  <!-- info -->
  <div class="rows">
    <div class="hx-info-c">
      <div class="title pr">
        <h3>{$vo_view.huxing_room}室{$vo_view.huxing_living_room}厅{$vo_view.huxing_toilet}卫{$vo_view.huxing_kitchen}厨</h3>
        <a href="tel:0898-32682802" style="position: absolute;right: 1px;top: 1px" data-agl-cvt="2"><img src="{eju:global name='web_templets_mobile' /}/skin/images/tel.gif" style="width: 2rem;"></a> </div>
      <div class="clearflx"> <span>建面 : </span><span>{$vo_view.huxing_area}m²</span> </div>
      <div class="clearflx"> <span style="color: #e74000">总价 <span style="font-size: .55rem;color: #e74000">{$vo_view.huxing_price}</span>万元/套</span><span style="padding-left: 20px;color: #999">更新 2019年09月09日</span> </div>
      <div class="clearflx tag"> {eju:volist name='$vo_view.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:void(0)" style="cursor:default;" class="tags-{$i}">{$field1}</a> {/eju:volist} </div>
      <div class="blank5"></div>
      <div class="line1"></div>
      <div class="clearflx">
        <div class="blank10"></div>
        <dl>
          <dd><span>单价 : </span><span>{$eju.field.average_price}元/㎡</span></dd>
          <dd><span>朝向 : </span><span>{$vo_view.huxing_aspect}</span></dd>
          <dd><span>装修 : </span><span>{eju:diyfield type='checkbox' id='fitment' name='$eju.field.fitment'}
            {$fitment.value}
            {/eju:diyfield}</span></dd>
        </dl>
        <div class="clear"></div>
        <div class="clearflx pr"> <span>预算 : </span><a href="javascript:;"  onclick="openwid4();" data-agl-cvt="2"><span style="color: #48bf01;">咨询首付及贷款明细 </span></a><em class="icons icons-left2"></em> </div>
      </div>
    </div>
  </div>
  <!-- info:end -->
  <div class="rows">
    <div class="hx-zy-box">
      <div class="title">
        <h3>户型点评</h3>
      </div>
      <div class="blank10"></div>
      <div class="c">
        <div class="pic fl"> <img src="{$eju.field.saleman.saleman_pic}"> </div>
        <div class="name fl">
          <h3>{$eju.field.saleman.true_name}</h3>
          <p>咨询人数 : <span class="red">{$eju.field.saleman.consult}</span>人</p>
        </div>
        <div class="fr" style="line-height: 1rem;"> <a href="{$eju.field.saleman.party}" class="btn-xta" data-agl-cvt="1">向TA咨询</a> </div>
        <div class="clear"></div>
      </div>
      <div class="blank15"></div>
      <div class="bc"> <i class="icons-top2"></i>
        <p>{$vo_view.huxing_remark} </p>
      </div>
      <div class="blank10"></div>
    </div>
  </div>
  <div class="blank10"></div>
  <div class="rows">
    <div class="hx-zy-box">
      <div class="title">
        <h3>所属楼盘</h3>
      </div>
      <div class="blank10"></div>
      <div class="cc"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath])}" style="display: block;">
        <div class="pic fl"> <img src="{$eju.field.litpic}" alt="{$eju.field.title}"> </div>
        <div class="txt fl">
          <p class="p1">{$eju.field.title}</p>
          <div class="tag"> {eju:diyfield type='checkbox' id='characteristic' name='$eju.field.characteristic'} <span> {$characteristic.value}</span> {/eju:diyfield}
            <div class="clear"></div>
          </div>
          <p class="p2">地   址：{$eju.field.address}</p>
          <p class="p3"><span class="red">均价&nbsp;  {$eju.field.average_price}{$eju.field.price_units}</span></p>
        </div>
        </a>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div class="blank10"></div>
  <div class="rows">
    <div class="hx-other">
      <div class="ul">
        <ul>
          <li class="act" data-type='1'>其他户型</li>
          <li data-type='2'>相关户型</li>
        </ul>
        <div class="clear"></div>
      </div>
      <div class="blank10"></div>
      <div class="b">
        <div class="hxtype">
          <ul class="clearfix">
            {eju:sqlarclist addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" table="xinfang_huxing" map="[$vo_view['huxing_room'],0]" mapkey="['huxing_room','a.is_del']" id="vo"}
            <li> <a href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id])}" style="display: block;">
              <div class="pic"> <img src="{$vo.huxing_pic}"> </div>
              <div class="txt">
                <p style="padding-top: .15rem"><strong>{$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨</strong>&nbsp;<span class="status">{$vo.sale_status}</span></p>
                <p>建面{$vo.huxing_area}m² </p>
                <p class="red">约{$vo.huxing_price}万元/套</p>
              </div>
              </a> </li>
            {/eju:sqlarclist}
          </ul>
        </div>
      </div>
      <div class="b1">
        <div class="hxtype1">
          <ul class="clearfix">
            {eju:sqlarclist addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" table="xinfang_huxing" map="[$vo_view['huxing_room'],0]" mapkey="['huxing_room','a.is_del']" id="vo"}
            <li> <a href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id])}" style="display: block;">
              <div class="pic"> <img src="{$vo.huxing_pic}"> </div>
              <div class="txt">
                <p style="padding-top: .15rem"><strong>{$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨</strong>&nbsp;<span class="status">{$vo.sale_status}</span></p>
                <p>建面{$vo.huxing_area}m² </p>
                <p class="red">约{$vo.huxing_price}万元/套</p>
              </div>
              </a> </li>
            {/eju:sqlarclist}
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
{/eju:sqlview} 
<script>
var swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
  spaceBetween: 30,
  loop: true,
});
$(function ()
{
　　$(".slider-xf span").click(function ()
　　{     
        var id=$(this).attr('data-id');
        if(id==1){
           $('.swiper-wrapper').show();
           $('.hxt').hide();
        }else{
           $('.hxt').show();
           $('.swiper-wrapper').hide();
        }
　　　　$(this).addClass("act").siblings().removeClass("act");
　　});
　　$(".hx-other li").click(function ()
　　{     
        var type=$(this).attr('data-type');
        if(type==1){
            $('.b').show();
            $('.b1').hide();
        }else{
            $('.b1').show();
            $('.b').hide();
        }
　　　　$(this).addClass("act").siblings().removeClass("act");
　　});
    $('.hxtype ul').width($('.hxtype li').size()*130); //
    $('.hxtype1 ul').width($('.hxtype1 li').size()*130); //
});
    $("input[name='countDown']").each(function () {
        var time_end=this.value;
        var con=$(this).next("span");
        var _=this.dataset;
        countDown(con,{
            title:_.title,//优先级最高,填充在prefix位置
            prefix:_.prefix,//前缀部分
            suffix:_.suffix,//后缀部分
            time_end:time_end//要到达的时间
        })
        //提供3个事件分别为:启动,重启,停止
        .on("countDownStarted countDownRestarted  countDownEnded ",function (arguments) {
            console.info(arguments);
        });
    });
</script> 
<script type="text/javascript">
$(function() {
	$("#navBtn,#navBtn1").click(function(){
        toggleFixMenu('.nav');
    });
});
/*遮罩*/
function toggleFixMenu(obj) {
    $(".sFix").each(function (e) {
        var cls = $(this).attr('class');
        if (cls.indexOf(obj.replace('.', '')) >= 0) {
            $(obj).fadeToggle(0);
        } else {
            $(this).fadeOut(0);
        }
    });
}    
</script>
<div class="nav sFix">
  <div style="height: 5px;"></div>
  <div class="header" style="z-index: 999;"> 
    <!--返回上一页-->
    <div class="go-back"> <a href="{eju:global name='web_cmsurl' /}"> <span class="ico ico-return">返回上一页</span> </a> </div>
    <!--切换城市-->
    <div class="city-change"><span class="text">{$eju.field.xinfang.title}户型</span></div>
    <!--用户行为跳转-->
    <ul class="u-link" style="top: .3rem;right: .2rem;">
      <li class="link-home"><a href="javascript:;" id="navBtn" style="display: block;"><img src="{eju:global name='web_templets_mobile' /}/skin/images/nav.png"></a></li>
    </ul>
  </div>
  <ul>
    {eju:navig position_id='6' type='top' currentstyle="active" id="field"}
    <li><a href="{$field.navig_url}" {$field.target} {$field.nofollow}>
      <p><img src="{eju:global name='web_templets_mobile' /}/skin/images/nav_x{$field.navig_id}.png" alt="{$field.navig_name}"></p>
      {$field.navig_name}</a></li>
    {/eju:navig}
  </ul>
  <div class="fixMask"></div>
</div>
{eju:static file="skin/js/common.enroll.js" /} 
<!-- 60秒找房 --> 
{eju:static file="skin/css/box.css" /}
<div class="w_box_8">
  <div class="box8_main"> <a href="javascript:;" onclick="wid_close_8();" class="close_8"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" style="width: 14px;"></a>
    <h4 id="make_tit_2">开盘通知</h4>
    <div class="box8_info">
      <p id="make_tit_3">一键订阅最新开盘通知。</p>
    </div>
    {eju:form formid="2"}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <div class="box8_frm">
        <input type="text" class="phone-ipt8 ipt8" id="{$field.attr_2}" name="{$field.attr_2}" placeholder="{$field.itemname_2}" >
        <input type="text" class="phone-ipt8 ipt8" id="{$field.attr_3}" name="{$field.attr_3}" placeholder="{$field.itemname_3}" >
        <div class="box8_btn">
          <input type="submit" value="提交" class="btn-8">
        </div>
        <div class="lp-phone"> <a href="tel:{eju:global name='web_attr_2' /}" style="font-size: .35rem;color: #3cb950"><img src="{eju:global name='web_templets_mobile' /}/skin/images/tel3.png" style="width: 16px;">&nbsp;直拨购房团</a> </div>
      </div>
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<div class="w_alert_8"></div>
<script type="text/javascript">
function openwid4(tit,tits,frm,type) {  
    $("#make_tit_2").html(tit);  
    $("#make_tit_3").html(tits);  
    $("#make_tit_4").val(frm);  
    $(".frm_id").val(type);      
    $(".w_box_8").fadeIn();
    $(".w_alert_8").height(document.body.offsetHeight);
    $(".w_alert_8").show();
}
function wid_close_8() {
    $(".w_box_8").fadeOut();
    $(".w_alert_8").hide();
}
</script>
<div class="footer" style="height: 3rem">
  <ul class="footer-ul">
    {eju:navig position_id='4' type='top' id="field"}
    <li><a href="{$field.navig_url}" {$field.target} {$field.nofollow}>{$field.navig_name}</a></li>
    {/eju:navig}
  </ul>
  <div class="clear"></div>
  <div class="footer-dowm">
    <p class="icp">{eju:global name='web_copyright' /} </p>
    <p class="icp">网站本案/许可证号：{eju:global name='web_recordnum' /}</p>
  </div>
</div>
<div class="a-footer-layer">
  <div class="shou3-box c">
    <div class="shou3-list3"> <a onclick="openwid4();" rel="nofollow"><ins class="icon-1" style="width: auto;"></ins>优惠</a> </div>
    <div class="shou3-list1"> <a rel="nofollow" href="{eju:global name='web_attr_3'/}" style="background: #ff7178">在线咨询</a></div>
    <div class="shou3-list2"> <a rel="nofollow" onclick="openwid4();"  style="background: #fd800b">预约看房</a></div>
    <div class="shou3-list2"> <a href="javascript:phone('{$eju.field.sale_phone}',2)" rel="nofollow" style="background: #fc0e08">售楼处</a> </div>
  </div>
</div>
</div>
<!-- 拨号 --> 
<script type="text/javascript">
function phone(date,frm){
   $.post("", {"frm": ""+frm+""},
   function(data){     
     console.log(data.time); //  2pm
   }, "json");       
   window.location.href = 'tel:' + date;
}
</script>
</div>
<div style="height: 66px;"></div>
</body>
</html>
